<%--
  Created by IntelliJ IDEA.
  User: 计划飞过海
  Date: 2021/4/7
  Time: 15:43
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>橡树科技－JavaDemoSystem</title>
    <link type="text/css" rel="stylesheet" media="all" href="/static/styles/global.css" />
    <link type="text/css" rel="stylesheet" media="all" href="/static/styles/global_color.css" />
    <script language="javascript" type="text/javascript">
        function changeTab(e,ulObj) {
            var obj = e.srcElement || e.target;
            if (obj.nodeName == "A") {
                var links = ulObj.getElementsByTagName("a");
                for (var i = 0; i < links.length; i++) {
                    if (links[i].innerHTML == obj.innerHTML) {
                        links[i].className = "tab_on";
                    }
                    else {
                        links[i].className = "tab_out";
                    }
                }
            }
        }
    </script>
</head>
<body>

<div id="header">
    <img src="/static/images/logo.png" alt="logo" class="left"/>
    <a href="#">[退出]</a>
</div>


<div id="navi">
    <ul id="menu">
        <li><a href="/index.html"  class="index_off"></a></li>
        <li><a href="/role/role_list"  class="role_off"></a></li>
        <li><a href="/admin/admin_list"  class="admin_off"></a></li>
        <li><a href="/fee/fee_list" class="fee_off"></a></li>
        <li><a href="/account/account_list"  class="account_off"></a></li>
        <li><a href="/service/service_list"  class="service_off"></a></li>
        <li><a href="/bill/bill_list"  class="bill_off"></a></li>
        <li><a href="/report/report_list"  class="report_on"></a></li>
        <li><a href="/user/user_info" class="information_off"></a></li>
        <li><a href="/user/user_modi_pwd"  class="password_off"></a></li>
    </ul>
</div>


<div id="report_main">
    <div class="tabs">
        <ul onClick="changeTab(event,this);">
            <li><a href="/report/report_list" class="tab_on" title="每位客户每月的累计时长">客户使用时长</a></li>
            <li><a href="/report/time_list" class="tab_out" title="每台服务器上累计时长最高的前三名客户">时长排行榜</a></li>
            <li><a href="/report/charge_list" class="tab_out" title="每台服务器每种资费标准的使用次数">资费使用率</a></li>
        </ul>
    </div>
    <div class="report_box">

        <div id="report_data">
            <table id="datalist">

                <tr>
                    <th>账号 ID</th>
                    <th>账务帐号</th>
                    <th>客户名称</th>
                    <th class="width200">身份证号码</th>
                    <th>电话</th>
                    <th class="width150">月份</th>
                    <th class="width150">累积时长</th>
                </tr>
              <c:forEach items="${pageInfo.list}" var="r">
                <tr>
                    <td>${r.loginName}</td>
                    <td>${r.accountId}</td>
                    <td>${r.realName}</td>
                    <td>${r.idcardNo}</td>
                    <td>${r.telephone}</td>
                    <td>${r.billMonth}</td>
                    <td>${r.sumtime}</td>
                </tr>
                     </c:forEach>
            </table>

        </div>

        <div id="pages">
            <!--总记录数大于10条时显示分页 否则不显示分页信息-->
            <c:if test="${pageInfo.total >= 1}">
                <a href="/report/report_list?page=1">首页</a>
                <!--判断是否是第一页. 是: 显示当前页. 否: 当前页减一-->
                <c:if test="${pageInfo.isFirstPage}">
                    <a href="/report/report_list?page=${pageInfo.pageNum}">上一页</a>
                </c:if>
                <c:if test="${!pageInfo.isFirstPage}">
                    <a href="/report/report_list?page=${pageInfo.pageNum - 1 }">上一页</a>
                </c:if>
                <!--循环显示页码-->
                <c:forEach begin="1" end="${pageInfo.pages}" step="1" var="index">
                    <c:if test="${pageInfo.pageNum==index}">
                        <a class="current_page" href="/report/report_list?page=${index}">${index}</a>
                    </c:if>
                    <c:if test="${pageInfo.pageNum!=index}">
                        <a href="/report/report_list?page=${index}">${index}</a>
                    </c:if>
                </c:forEach>
                <!--判断是否是最后一页. 是: 显示当前页. 否: 当前页加一 -->
                <c:if test="${pageInfo.isLastPage}">
                    <a href="/report/report_list?page=${pageInfo.pageNum}">下一页</a>
                </c:if>
                <c:if test="${!pageInfo.isLastPage}">
                    <a href="/report/report_list?page=${pageInfo.pageNum + 1 }">下一页</a>

                </c:if>
                <a href="/report/report_list?page=${pageInfo.pages}">末页</a>
            </c:if>
        </div>
    </div>
</div>

<div id="footer">
    <p>[源自橡树的技术，最优秀的师资，最真实的企业环境，最适用的实战项目]</p>
    <p>版权所有(C)橡树信息科技有限公司 </p>
</div>
</body>
</html>
